@import "../../less/var.less";
// @h:90rpx;
.detail-box{
    margin-bottom: 100rpx;
}
.msg-desc{
    margin: 20rpx;
    padding: 0rpx 92rpx;
    position: relative;
    &::after{
        content: "";
        display: block;
        height: 0rpx;
        width: 0rpx;
        clear: both;
    }
    image{
        height: 72rpx;
        width: 72rpx;
        border-radius: 12rpx;
        position: absolute;
    }
    .msg{
        font-size: 28rpx;
        // min-height: 72rpx;
        // background-color: white;
        display: inline-block;
        border-radius: 12rpx;
        padding: 18rpx;
        position: relative;
        &::before{
            content: "";
            display: inline-block;
            width: 0rpx;
            height: 0rpx;
            border-width: 12rpx;
            border-style: solid;
            position: absolute;
            top: 24rpx;
        }
    }
    &.from{
        image{
            left: 0rpx;
        }
        .msg{
            float: left;
            background-color: white;
            &::before{
                border-color:transparent white transparent transparent;
                left: -22rpx;
            }
        }
    }
    &.to{
        image{
            right: 0rpx;
        }
        .msg{
            background-color: @greena;
            float: right;
            &::before{
                border-color:transparent transparent transparent @greena;
                right: -22rpx;
            }
        }
    }
}
.send-box{
    position: fixed;
    bottom: 0rpx;
    left: 0rpx;
    width: 100%;
    padding: 12rpx;
    box-sizing: border-box;
    background-color: #eeeeee;
    border-top: 2rpx solid #cccccc;
    display: flex;
    flex-flow: row nowrap;
    box-sizing: border-box;
    view:first-child{
        flex-grow: 1;
        padding-right: 12rpx;
    }
    .msg{
        background-color: white;
        border-radius: 12rpx;
        padding: 12rpx;
        max-height: 170rpx;
        width: 100%;
    }
    view:last-child{
        width: 140rpx;
        padding-left: 30rpx;
        box-sizing: border-box;
        position: relative;
    }
    .btn{
        position: absolute;
        bottom: 0rpx;
        width: 110rpx;
        font-size: 24rpx;
        transform: translateY(0rpx);
        background-color: @green;
        display: block;
        height: 64rpx;
        line-height: 64rpx;
        text-align: center;
        color: white;
        border-radius: 8rpx;
    }
}